<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <title>SisKepler</title>
        <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <link rel="stylesheet" href="../../library/css/bootstrap/bootstrap.css" media="screen">
       <link rel="stylesheet" href="../../library/css/bootstrap/bootswatch.min.css">
       <link rel="stylesheet" href="../../library/css/style.css">
   </head>
  <body>

        <div class="main row">
            <div class="col-lg-3"></div>
            <div class="panel panel-info col-lg-6 login linha-pontilhada">

                <div class="panel-heading">
                    <div class="panel-title">Cadastro de Membro Externo</div>
                </div>     

                <div class="panel-body row">

                    <div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div>

                    <div class="jumbotron col-lg-12"> 

                        <form id="formCadastro" class="form-horizontal" action="../../controller/TratalCadastroProfessor.php" method="POST" role="form">

                            <div style="margin-top:10px" class="row">
                                <label for="inputNome" class="col-lg-2 control-label">Nome:</label>
                              <div class="input-group col-lg-8">
                                   <input id="inputNome" type="text" class="form-control" name="nome" value="" placeholder="Nome">                                        
                                </div>
                            </div>

                            <div style="margin-top:10px" class="row">
                                <label for="inputCPF" class="col-lg-2 control-label">CPF:</label>                                <div class="input-group ">
                                    <input id="inputCPF" type="text" class="form-control" name="cpf" placeholder="CPF">
                               </div>
                            </div>

                            <div style="margin-top:10px" class="row">
                               <label for="inputInstituicao" class="col-lg-4 control-label">Instituíção de Origem:</label>
                                <div class="input-group col-lg-6">
                                   <input id="inputInstituicao" type="text" class="form-control" name="instOrigem" placeholder="Instituíção de Origem">
                                </div>
                            </div>

                           <div style="margin-top:10px" class="row">                                <label for="inputEmail" class="col-lg-2 control-label">Email:</label>
                               <div class="input-group col-lg-6">
                                    <input id="inputEmail" type="email" class="form-control" name="email" placeholder="Email">
                                </div>
                            </div>

                            <div style="margin-top:10px" class="row">
                                <label for="inputSenha" class="col-lg-2 control-label">Senha:</label>
                                <div  class="input-group col-lg-6">
                                    <input id="inputSenha" type="password" class="form-control" name="senha" placeholder="Senha">
                                </div>
                            </div>

                            <div style="margin-top:10px" class="form-group row">
                                <!-- Button -->
                                
                                <div class="col-lg-6"></div>
                                <div class="col-lg-4 controls">
                                    <a id="btn-login" onclick="getElementById('formCadastro').submit()" class="btn btn-success" >Salvar</a>
                                    <a id="btn-fblogin" href="#" class="btn btn-default">Cancelar</a>

                                </div>
                            </div>

                        </form>
                       
                    </div>
                    
                </div>   
                
            </div>  
            <div class="col-lg-3"></div>
        </div>

    </body>
</html>